@import "../style";

.home-TUIKit-main {
  display: flex;
  height: 350px;
  width: 1050px;

  overflow: hidden;
  border: solid 1px @bc-4;
  border-radius: 10px;

  .conversation {
    min-width: 285px;
    border-right: 1px solid @bc-4;
    background-color: @bgc-31;
  }

  .TUIKit-search {
    padding: 12px !important;
  }

  .TUI-conversation {
    background-color: @bgc-31 !important; /* 使用背景色变量 bgc-31 */
  }

  .TUIKit-chat {
    flex-grow: 1; /* 使聊天区域可以扩展填充父容器 */
    height: 100%; /* 使聊天区域高度占满父元素 */
    position: relative; /* 避免排版错乱 */
  }

  /* 输入框区域样式 */

  .message-input-area {
    overflow-y: auto !important; /* 使输入框区域可滚动 */
  }

  .TUIChat-header h1 {
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif !important;;
  }

}
